.fn_viewport {
  background: url("../images/bg.jpg") repeat-y;
  background-size: 100% 100%;
  .box {
    width: 100%;
    display: flex;
    flex-direction: column;

    .wrap_logo {
      width: 100%;
      text-align: center;
      margin-top: 2rem;
      .c_logo {
        width: 2rem;
        height: 2rem;
      }
    }

    .content {
      text-align: center;
      color: #cccccc;
      p:nth-child(1) {
        margin-top: 1rem;
        font-size: 0.8rem;
        color: #666666;
      }

      .line {
        width: 300/32rem;
        padding-top: 30/32rem;
        margin: 30/32rem auto 30/32rem auto;
        border-bottom: 0.02rem solid #cccccc;
      }

      p:nth-child(3) {
        font-size: 0.35rem;
      }
      p:nth-child(4) {
        font-size: 0.35rem;
      }
      p:nth-child(5) {
        font-size: 0.4rem;
        margin-top: 0.8rem;
      }
    }

    .wrap_down {
      width: 100%;
      margin-top: 60/32rem;
      margin-bottom: 60/32rem;
      text-align: center;
      box-sizing: border-box;

      .c_down {
        text-align: center;
        color: #ffffff;
        font-size: 0.4rem;
        padding: 14/32rem;
        padding-left: 20/32rem;
        padding-right: 20/32rem;
        border-radius: 0.6rem;
        background: #0094ff;
        box-shadow: 1px 1px 1px 1px #514d4d;
      }
    }

    .base_line {
      width: 300/32rem;
      padding-top: 30/32rem;
      margin: 30/32rem auto 0 auto;
      border-bottom: 0.02rem solid #cccccc;
    }

    /*下面放些简单的描述*/
    .log {
      color: #cccccc;
      padding: 0.3rem;
      .log_title {
        text-align: center;
        font-size: 0.5rem;
        color: #000;
        padding: 0.8rem;
      }

      .log_child_title {
        font-size: 0.5rem;
      }
      .log_content {
        font-size: 0.4rem;
      }
    }

    .web_desc {
      font-size: 0.4rem;
      text-align: center;
      color: #666666;
      padding: 0.8rem;
    }

  }

}